<!DOCTYPE html>
<!--[if IE 8]> <html lang="${lang}" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="${lang}" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="${lang}">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8">
    <title>BPM云 - 管理控制台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="Johnny" name="author">

    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="${cdn}/favicon.ico">

    <style>
        .page-content-wrapper .page-content {padding: 2px 2px 5px 10px !important;}
        .page-content-wrapper .page-content .page-content-body{margin-top: 10px;}
    </style>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <%
    if (profile=="dev") {
    %>
    <link href="${cdn}/static/skins/lightblue/assets/dhtmlx4/dhxtree.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/dhtmlx4/dhtmlx_dhx_web.css" rel="stylesheet" type="text/css">

    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/simple-line-icons/css/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-editable/bootstrap-editable.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/select2/select2.css" rel="stylesheet" type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN THEME STYLES -->
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/components.css" id="style_components" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/plugins.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/css/layout.css" rel="stylesheet" type="text/css">
    <link id="style_color" href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/css/themes/light.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/css/custom.css" rel="stylesheet" type="text/css">

    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/jstree/themes/default/style.min.css" rel="stylesheet" type="text/css">
    <link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/plugins.css" rel="stylesheet" type="text/css">
    <!-- END PAGE LEVEL STYLES -->
    <% } else { %>
    <link href="${cdn}/static/skins/lightblue/assetsmin/platform/admin/admin.all.css?${productionVersion}" rel="stylesheet" type="text/css">
    <% }%>

</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-container-bg-solid page-sidebar-closed-hide-logo page-header-fixed">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <a href="/" target="_blank">
                <img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/logo-default2.png" alt="logo" class="logo-default">
            </a>
            <div class="menu-toggler sidebar-toggler">
                <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
            </div>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
        </a>
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN PAGE ACTIONS -->
        <!-- DOC: Remove "hide" class to enable the page header actions -->
        <div class="page-actions">
            <div class="btn-group hide">
                <button type="button" class="btn btn-circle red-pink dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-bar-chart"></i>&nbsp;<span class="hidden-sm hidden-xs">New&nbsp;</span>&nbsp;<i class="fa fa-angle-down"></i>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="javascript:;">
                            <i class="icon-user"></i> Menu1 </a>
                    </li>
                    <li class="divider">
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="icon-flag"></i> Menu2 <span class="badge badge-danger">4</span>
                        </a>
                    </li>
                </ul>
            </div>

            <h3 class="page-title index-page-title" style="display:none">
                <i class="icon-screen-desktop" style="font-size:0.6em;"></i>&nbsp;&nbsp;欢迎使用管理控制台<small></small>
            </h3>
        </div>
        <!-- END PAGE ACTIONS -->
        <!-- BEGIN PAGE TOP -->
        <div class="page-top">
            <!-- BEGIN HEADER SEARCH BOX -->
            <!-- BEGIN TOP NAVIGATION MENU -->
            <div class="top-menu">
                <ul class="nav navbar-nav pull-right">
                    <!-- BEGIN USER LOGIN DROPDOWN -->
                    <li class="dropdown dropdown-extended">
                        <a href="javascript:;" target="_blank" class="dropdown-toggle global-help-link" title="使用帮助文档" style="padding-right:20px;">
                            <i class="icon-question"></i>
                        </a>
                    </li>
                    <li class="dropdown dropdown-user">
                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            <img alt="" class="header-avatar img-circle" src="" onerror="this.onerror=null;this.src='${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/avatar.png'">
                            <span class="username username-hide-on-mobile">${displayName}</span>
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-default">
                            <!--<li>
                                <a class="ajaxify" href="layout/profile/user.html">
                                    <i class="icon-user"></i> 帐号设置 </a>
                            </li>
                            <li>
                                <a class="ajaxify" href="layout/process/list_todo.html">
                                    <i class="icon-rocket"></i> 我的待办 <span class="badge badge-success">7</span>
                                </a>
                            </li>-->
                            <li class="divider">
                            </li>
                            <!--<li>
                                <a href="extra_lock.html">
                                    <i class="icon-lock"></i> 锁定屏幕 </a>
                            </li>-->
                            <li>
                                <a href="/logout">
                                    <i class="icon-key"></i> 退出 </a>
                            </li>
                        </ul>
                    </li>
                    <!-- END USER LOGIN DROPDOWN -->
                </ul>
            </div>
            <!-- END TOP NAVIGATION MENU -->
        </div>
        <!-- END PAGE TOP -->
    </div>
    <!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div><div class="page-container">
    <!-- BEGIN SIDEBAR1 -->
    <div class="page-sidebar-wrapper">
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <div class="page-sidebar navbar-collapse collapse">
            <!-- BEGIN SIDEBAR MENU1 -->
            <ul id="sysmenu" class="page-sidebar-menu page-sidebar-menu-compact page-sidebar-menu-hover-submenu" data-slide-speed="200" data-auto-scroll="false">
                <li>
                    <a class="ajaxify start" href="javascript:;" uri="ajaxify:/admin/topage?path=layout/welcome" pageid="layout_admin_welcome">
                        <i class="icon-home"></i>
                        <span class="title">欢&nbsp;&nbsp;&nbsp;&nbsp;迎</span>
                        <span class="selected">
						</span>
                    </a>
                </li>
            </ul>
            <!-- END SIDEBAR MENU1 -->
        </div>
    </div>
    <!-- END SIDEBAR1 -->
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:627px">
            <!-- BEGIN STYLE CUSTOMIZER -->
            <div class="theme-panel hide">
                <div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" data-original-title="点击打开主题设置面板" style="display: block;">
                    <i class="icon-settings"></i>
                </div>
                <div class="toggler-close" style="">
                    <i class="icon-close"></i>
                </div>
                <div class="theme-options" style="">
                    <div class="theme-option theme-colors clearfix">
                        <span>主题颜色</span>
                        <ul>
                            <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="深蓝">
                            </li>
                            <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="灰色">
                            </li>
                            <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="湖蓝">
                            </li>
                            <li class="color-dark tooltips" data-style="dark" data-container="body" data-original-title="夜色">
                            </li>
                            <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="清淡">
                            </li>
                        </ul>
                    </div>
                    <!--<div class="theme-option">
                        <span>组件风格</span>
                        <select class="layout-style-option form-control input-small">
                            <option value="square" selected="selected">方角</option>
                            <option value="rounded">圆角</option>
                        </select>
                    </div>-->
                    <div class="theme-option">
                        <span>布局</span>
                        <select class="layout-option form-control input-small">
                            <option value="fluid" selected="selected">自适应</option>
                            <option value="boxed">经典</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span>标题栏</span>
                        <select class="page-header-option form-control input-small">
                            <option value="fixed" selected="selected">固定</option>
                            <option value="default">默认</option>
                        </select>
                    </div>
                    <!--<div class="theme-option">
                        <span>头部下拉菜单</span>
                        <select class="page-header-top-dropdown-style-option form-control input-small">
                            <option value="light" selected="selected">浅色</option>
                            <option value="dark">深色</option>
                        </select>
                    </div>-->
                    <!--<div class="theme-option">
                        <span>导航</span>
                        <select class="sidebar-option form-control input-small">
                            <option value="fixed">固定</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </div>-->
                    <div class="theme-option">
                        <span>导航风格</span>
                        <select class="sidebar-style-option form-control input-small">
                            <option value="default" selected="selected">默认</option>
                            <option value="compact">紧凑</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span>导航位置</span>
                        <select class="sidebar-pos-option form-control input-small">
                            <option value="left" selected="selected">左侧</option>
                            <option value="right">右侧</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span>导航折叠</span>
                        <select class="sidebar-menu-option form-control input-small">
                            <option value="accordion">手风琴式</option>
                            <option value="hover" selected="selected">浮动</option>
                        </select>
                    </div>
                    <!--<div class="theme-option">
                        <span>页脚</span>
                        <select class="page-footer-option form-control input-small">
                            <option value="fixed">固定</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </div>-->
                </div>
            </div>
            <!-- END STYLE CUSTOMIZER -->
            <div class="page-content-body">


            </div>
        </div>
        <!-- BEGIN CONTENT -->
    </div>
    <!-- END CONTENT -->
    <!-- BEGIN QUICK SIDEBAR -->
    <!--Cooming Soon...-->
    <!-- END QUICK SIDEBAR -->
</div><div class="page-footer">
    <div class="page-footer-inner">
        2015 © All rights reserved. &nbsp;&nbsp; Powered by &nbsp;
        <a href="http://www.bpmyun.cn" target="_blank">
            <img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/logo-default2.png" alt="BPM云" style="height:14px;">
        </a>
        &nbsp;|&nbsp;京ICP备17001457号-1
    </div>

</div>


<script>
    var ctxpath = "/";
    var lang = "${lang}";
    var lang_dp = "zh-CN";
    var resloc = "${cdn}";
    var productionVersion = "${productionVersion}";
    var engloc = "/bpmp-engine";
    var adminloc = "/admin";
    var apiloc = '/bpmp-engine/api';
    //var assetsPath = resloc + "/static/skins/lightblue/assets/bootstrap";
    var globalImgPath = "/global/img";
    var prefix_viewpi = "${prefixViewpi}";
    var ln = '${loginName}', dn = '${displayName}';
    var avatarExt = 'png';
</script>
<!-- BEGIN CORE PLUGINS -->
<%
if (profile=="dev") {
%>
<!--[if lt IE 9]>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/respond.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="${cdn}/static/jslib/3rdpartyother/json2.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/3rdpartyother/lodash.core.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/3rdpartyother/base64.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/jquery/jquery.form.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/jquery.validate.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-select/bootstrap-select.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-contextmenu/bootstrap-contextmenu.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-editable/bootstrap-editable.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-sweetalert/sweetalert.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jstree/jstree.min.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxtree.min.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxgrid.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxtoolbar.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxcontainer.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxlayout.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxwindows.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/alone/dhxtabbar.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/ext/dhxgrid.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/ext/validator.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/ext/excell_types.js"></script>
<script src="${cdn}/static/jslib/dhtmlx4/ext/dhxwindow.js"></script>
<!-- END CORE PLUGINS -->
<script src="${cdn}/static/jslib/bootstrap/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/admin/layout2/scripts/themetool.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/util/common_bootstrap.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/admin/index/layout.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/admin/index/index.js" type="text/javascript"></script>

<!-- I18N FOR PLUGINS -->
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/localization/messages_zh.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.${lang}.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap-table/locale/bootstrap-table-${lang}.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/select2/select2_locale_${lang}.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/dhtmlx4/ext/dhx_i18n_${lang}.js"></script>
<!-- I18N FOR LAYOUTS -->
<script src="${cdn}/static/jsplatform/admin/index/index_i18n_${lang}.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/admin/layout/auth/manageRes_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/manageOrg_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/manageOrgPosUser_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/managePos_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/manageRole_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/manageUser_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/fa/managePg_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/log/oplog_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/log/syslog_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/process/managePd_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/process/managePi_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/process/statisticsPi_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/manageBo1_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/manageDict_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/manageSvc_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/manageForm_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/manageBdm_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/config/bdm_i18n_${lang}.js"></script>
<script src="${cdn}/static/jsplatform/admin/layout/integration/dingtalk/ddmgm_i18n_${lang}.js"></script>

<script src="${cdn}/static/jslib/ace/ace.js" type="text/javascript"></script>

<% } else { %>
<script src="${cdn}/static/jsmin/platform/admin/admin.all.js?${productionVersion}"></script>
<script src="${cdn}/static/jsmin/platform/admin/admin_i18n_${lang}.all.js?${productionVersion}"></script>
<% }%>

<script>
    dhtmlx.image_path = resloc + '/static/skins/lightblue/assets/dhtmlx4/imgs/';
    jQuery(document).ready(function() {
        Metronic.init(); // init metronic core components
        //ThemeTool.init(); // init theme tool features
        AdminIndex.init();
        $('.page-sidebar .ajaxify.start').click() // load the content for the dashboard page.
    });
</script>
<!-- END JAVASCRIPTS -->

<!-- END BODY -->
</body>
</html>